<template lang="">
  <view>
    <view class="p1755916777 fac s1755925462">
      <view style="line-height: 1;">{{orderForm.status == 6 ? '订单已取消' : ''}}</view>
      <slot></slot>
      <view class="fac">
        <uv-tags v-if="orderForm.type && typeForm[orderForm.type].text"
          :borderColor="typeForm[orderForm.type]['bgColor']" :text="typeForm[orderForm.type].text"
          :bgColor="typeForm[orderForm.type]['bgColor']" :color="typeForm[orderForm.type]['color']"
          size="mini"></uv-tags>
      </view>
    </view>
    <view style="color: #898989;" class="fz28 pt20">{{orderForm.status == 6 ? '订单已被您取消' : ''}}</view>
    <!-- <view v-if="orderForm.status == 6" class="f p1755917918" style="align-items: baseline;">
      <view @click="refundTap" class="fz30 pr10" style="line-height: 1; color: #E60012;">退款中：8.0元</view>
      <uv-icon @click="refundTap" size="30rpx" color="#E60012" name="arrow-right"></uv-icon>
    </view> -->
  </view>
</template>
<script>
  import dataJsonMixin from '../mixin/dataJson.js'
  export default {
    props: {
      orderForm: {
        type: Object,
        default: () => { }
      }
    },
    mixins: [dataJsonMixin],
    methods: {
      refundTap() {
        uni.navigateTo({ url: '/pages-worker/refund?id=' + this.orderForm.id });
      },
    },

  }
</script>
<style lang="scss" scoped>
@import '../common.scss';
  .pr10 {
    padding-right: 10rpx;
  }

  .p1755916777 {
    font-size: 50rpx;
    padding-top: 40rpx !important;
    font-weight: 700;
  }

  .p1755917918 {
    margin-top: 30rpx;
    padding: 30rpx 30rpx;
    border-radius: 20rpx;

    background: #fff;
    box-shadow: 2rpx 2rpx 20rpx 2rpx #eeeeee;
    /* padding-left: 30rpx;
    padding-right: 30rpx; */
  }
</style>